﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Content</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/all.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen" />

<!--/////////////////////////////////////////////////////////-->
 
<!--/////////////////////////////////////////////////////////-->


</head>
<body>

<div id="wrapper">
  <div id="wrapper-top">
     <div style="width: 400px; padding-top: 110px; padding-left: 10px; float:left">
        <a href="albumlist.html"><label style="font-size: 18px; color: #0054D7;">Home</label></a>
        <label style="font-size: 22px;"> > </label>
        <a href="albumlist.html"><label style="font-size: 18px; color: #0054D7;">Album List</label></a>
        <label style="font-size: 22px;"> > </label>
        <a href="albumdetail.html"><label style="font-size: 18px; color: Red;">Flowers</label></a>
    </div>
    <div style="float:left; margin-top: 10px;">   
       <img src="images/logo.png" style="width: 130px; height: 130px;" alt="" />
        <img src="images/logo1.png" style="width: 130px; height: 130px; " alt="" />
         <img src="images/logo2.png" style="width: 130px; height: 130px; " alt="" />
     </div>
   
     <div style="padding-top: 20px; padding-left: 880px;"><input type="button" value="Log In" style="height: 30px; width: 90px;font-size:13px;"/></div>
  </div>
  <div id="left">
    <div class="logo"><a href="albumlist.html">Home</a></div>
    <ul class="menu">
      <li> <a class="opened" href="#">Album List</a>
        <ul class="sub-menu opened">
          <li><a href="albumdetail.html">Sports</a></li>
          <li><a href="albumdetail.html">Cars</a></li>
          <li><a href="albumdetail.html"><label class="selected">Flowers</label></a></li>
          <li><a href="albumdetail.html">Planets</a></li>
          <li><a href="albumdetail.html">Animals</a></li>
        </ul>
      </li>
    </ul>
    <div id="left-bottom">
    </div>
  </div>
  <div id="right">
    <div style="margin-left: 20px;margin-top: 40px; margin-bottom: 30px;">
            <div align="center">
                <label style="font-size: 30px;">Flowers</label>
                          
            </div>
            <div style="margin-top: 30px;">
                <div style=" margin-top: 20px;">
                    <input type="button" value="Prev" style="height: 25px; width: 60px;font-size:13px; margin-left: 20px; margin-right: 230px;"/>
                     <a href="images/Pictures/Flowers/tulip.jpg" rel="prettyPhoto[gallery]"><input style="height: 25px; width: 80px;font-size:13px;" type="button" value="SlideShow"/></a>
                    <label style="font-size: 15px; color: Red; margin-left: 180px;">( 4 / 4 )</label>
                    <input type="button" value="Next" style="height: 25px; width: 60px;font-size:13px;margin-left: 10px;"/>
                   
                </div>
                <div style="display: none;">
                    <ul class="thumbnails">
                      <li ><a href="images/Pictures/Flowers/rose.jpg" rel="prettyPhoto[gallery]"></a></li>
                      <li ><a href="images/Pictures/Flowers/orchid.jpg" rel="prettyPhoto[gallery]"></a></li>
                      <li ><a href="images/Pictures/Flowers/sunflower.jpg" rel="prettyPhoto[gallery]"></a></li>
                    </ul>         
                    
                  </div>
            </div>
    </div>        
        <div style="width: 600px; margin-left: 70px;" align="center">
             <a href="#">
                <img src="images/Pictures/Flowers/tulip.jpg" alt="" style="max-width: 600px;max-height: 400px; border-style: solid; border-width: 7px;"/>
             </a>
             <p style="width: 600px; font-size: 17px; margin-top: 5px; color: Red" align="center">Tulip</p>
         </div>
         <div style="margin-left: 30px; margin-top: 25px; margin-bottom: 20px;">            
                <div>
                    <img src="images/admin.png" alt="" style="width: 60px;height: 60px; border-style: solid; border-width: 1px;" align="left" hspace="10"/>
                    <br />
                    <strong style="font-size: 20px; color:#0054D7;">Administrators</strong><br /><br />
                    <label style="font-size: 10px; color:#0054D7">Share</label>
                    <label style="font-size: 10px; color:#0054D7">Delete</label>
                </div>
                <br />
                <div style="margin-top: 10px; margin-left: 80px;">
                    <img src="images/admin.png" alt="" style="width: 40px;height: 40px; border-style: solid; border-width: 1px;"/>
                    <input type="text" style="width: 500px; height: 30px; margin-bottom: 35px; font-size: 16px;" placeholder=" Write a comment. . ."/>
                </div>
         </div>
  <!--////////////////////////////////////////////////////////-->
    
 <!-- ////////////////////////////////////////////////////////   -->
  </div>
  <div id="wrapper-bottom">
        <div style=" padding-top: 30px;">
          <a href="#wrapper" style="color: Red; font-size: 15px;">Back to Top</a>
        </div>
  </div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
